table#dynamicTable {
margin:10px auto;
}
table.data td {
margin:5px;
padding:5px;
/*width:50px;*/
}
table.data thead td {
background-color:#EEEEEE;
}
table.data thead th {
background-color:#EEEEEE;
border-bottom:1px solid #DDDDDD;
padding:5px;
text-align:left;
}
table.data tbody td {
border-bottom:1px solid #EEEEEE;
padding:5px;
text-align:left;
vertical-align:top;
}
table.data {
/*width:400px;*/
font-size: 12px;
}
.center {
margin-left:auto;
margin-right:auto;
}
h2 {
background-color:#EEEEEE;
border-bottom:1px solid #DDDDDD;
color:#666666;
font-size:large;
padding:3px;
}
h3 {
background-color:#EEEEEE;
border-bottom:1px solid #DDDDDD;
color:#666666;
font-size:large;
padding:3px;
}
h4 {
font-size:medium;
margin:5px;
}
div.data, div.canvas {
float:left;
margin:5px;
}
div.ending {
clear:both;
margin:10px;
}
div.unit {
border:1px solid #EEEEEE;
margin:10px;
padding:10px;
}
#whole {
    width:90%;
    margin:auto;
    padding:20px;
    border:1px solid #DDDDDD;
    background-color: #F8F8F8;
    font-family: arial;
    font-size: 12px;
}
body {
    padding:20px;
    margin: auto;
    border:1px solid #DDDDDD;
    background-color: #EEEEEF;
    background-image:url('/site_media/images/gear.png');
    background-repeat:no-repeat;
}
A{ font-family: arial; color: #808080;}
A:link   { text-decoration: none; }
A:visited    { text-decoration: none; }
A:active     { text-decoration: none; color: #FF911B;}
A:hover  { text-decoration: none; color: #FF911B;}

